<template>
  <detail-panel #default="{ status }">
    <node-panel :status="status">
      <!-- 数据管理 -->
      <example-input-form
        v-if="algorithmType === '元件'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <example-input-form
        v-else-if="algorithmType === '等级'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <dalei
        v-else-if="algorithmType === '大类'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"

      />
      <example-input-form
        v-else-if="algorithmType === '尺寸'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <xiaolei
        v-else-if="algorithmType === '小类'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <!-- 数据清洗 -->
      <liushuihao
        v-else-if="algorithmType === '流水号'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <cailiaobianma
        v-else-if="algorithmType === '材料编码'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
      <zhonglei
        v-else-if="algorithmType === '中类'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />

      <draw-double-line-chart
        v-else-if="algorithmType === '折线图'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />

      <data-join
        v-else-if="algorithmType === '数据连接'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />

      <data-concat
        v-else-if="algorithmType === '数据合并'"
        type="node"
        :dialog-visible="dialogVisible"
        @close-dialog="closeConfDialog"
      />
    </node-panel>
  </detail-panel>
</template>

<script>
import ExampleInputForm from './DataInput/ExampleInputForm'
import zhonglei from './DataInput/zhonglei'
import dalei from './DataInput/dalei'
import xiaolei from './DataInput/xiaolei'
import liushuihao from './DataInput/liushuihao'
import cailiaobianma from './DataInput/cailiaobianma'
import SelectColumn from './DataInput/SelectColumn'
import LogicalRegressionClassify from './Algorithm/LogicalRegressionClassify'
import MultipleLinearRegression from './Algorithm/MultipleLinearRegression'
import DataFilter from './handleData/DataFilter'
import DesignTreeForm from './Algorithm/designTreeForm'
import knnClassify from './Algorithm/knnClassify'
import FileUpload from './DataInput/FileUpload'
import drawDoubleLineChart from './Chart/DrawLineChart'
import DataJoin from "./handleData/DataJoin"
import DataConcat from "./handleData/DataConcat"
import { DetailPanel, NodePanel } from 'vue-flowchart-editor'

export default {
  name: 'SelectFactoryForm',

  components: {
    FileUpload,
    SelectColumn,
    ExampleInputForm,
    dalei,
    zhonglei,
    xiaolei,
    liushuihao,
    cailiaobianma,
    LogicalRegressionClassify,
    MultipleLinearRegression,
    DataFilter,
    DesignTreeForm,
    DetailPanel,
    NodePanel,
    knnClassify,
    drawDoubleLineChart,
    DataJoin,
    DataConcat
  },
  props: ['algorithmType', 'dialogVisible','flowchartId'],
  methods: {
    closeConfDialog() {
      this.$emit('close-dialog')
    }
  }
}
</script>

<style scoped>
</style>
